<template>
    <div>
       <div id="chart" ref='target' style="width:500px height:500px"></div>
    </div>
</template>
<script>
import echarts from 'echarts';

export default {
        data(){
            return{
                orgOptions:{}
            }
        },
        mounted(){
        console.log('this.ref :>> ', this.$refs.target);
        const myChart = echarts.init(this.$refs.target)
        const option = {
                title: {
                    text: 'ECharts 入门示例'
                },
                tooltip: {},
                legend: {
                    data:['销量']
                },
                xAxis: {
                    data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
                },
                yAxis: {},
                series: [{
                    name: '销量',
                    type: 'bar',
                    data: [5, 20, 36, 10, 10, 20]
                }]
            };
        myChart.setOption(option);
    },
    }
</script>